body > div {
  width: 100%; }
  body > div > div {
    margin: 0 auto;
    width: 960px; }

html body {
  height: 100%;
  background: #fff; }

.head-top-box {
  height: 100px;
  width: 100%;
  border: 1px solid #ccc;
  background: #FEFEFE; }

.head-top {
  height: 28px;
  width: 960px;
  margin: 0 auto; }
  .head-top .top_left > li {
    line-height: 28px;
    color: #6c6c6c;
    font-size: 12px;
    float: right; }
    .head-top .top_left > li span {
      margin: 0 5px; }
    .head-top .top_left > li span.cart_name {
      color: #ed145b; }
    .head-top .top_left > li a {
      font-size: 12px;
      color: #6c6c6c; }
      .head-top .top_left > li a:hover {
        color: #ed145b; }
  .head-top .top_left_hide {
    height: 28px;
    float: right;
    display: none; }
    .head-top .top_left_hide span, .head-top .top_left_hide p, .head-top .top_left_hide i {
      line-height: 28px;
      float: left;
      font-size: 14px;
      color: #666; }
    .head-top .top_left_hide p {
      margin: 0 5px;
      color: #ed145b; }
    .head-top .top_left_hide i a {
      color: #ed145b;
      margin: 0 3px; }

.head-bottom {
  width: 960px;
  margin: 0 auto;
  background: #bfa; }
  .head-bottom img {
    float: left; }
  .head-bottom .head_schedule {
    width: 377px;
    height: 48px;
    float: right;
    background: url(http://f0.jmstatic.com/static_cart/dist/20191009_1/images/order_path.png) no-repeat;
    background-position: -2px -2px; }

.container-show {
  display: none;
  padding: 50px 70px 70px 70px; }
  .container-show .show_left {
    float: left; }
  .container-show .show_right {
    float: left;
    margin-left: 50px; }
    .container-show .show_right > h2 {
      font-size: 28px;
      font-weight: 400;
      color: #c9c9c9;
      margin-bottom: 15px; }
    .container-show .show_right > p {
      font-size: 12px;
      line-height: 33px;
      height: 33px;
      color: #999;
      display: block; }
      .container-show .show_right > p button {
        width: 98px;
        height: 32px;
        line-height: 32px;
        font-size: 16px;
        display: inline-block;
        color: #fff;
        text-align: center;
        background: #ed145b;
        line-height: 28px;
        text-decoration: none;
        font-family: "Microsoft YaHei","Microsoft JhengHei",STHeiti,MingLiu; }
    .container-show .show_right > div {
      margin-top: 15px;
      width: 298px;
      height: 24px;
      border: 1px solid #ccc; }
      .container-show .show_right > div input {
        float: left;
        border: none;
        width: 270px;
        height: 24px;
        line-height: 24px;
        outline: 0;
        color: #000;
        background: none;
        text-indent: 5px;
        font-size: 12px; }
      .container-show .show_right > div button {
        width: 24px;
        height: 24px;
        background: url(../images/download.jpg); }

.container-hide {
  padding: 50px 0; }
  .container-hide .container-top {
    margin-top: 5px;
    height: 50px; }
    .container-hide .container-top .top_left {
      float: left; }
      .container-hide .container-top .top_left > p {
        line-height: 18px;
        font-size: 14px; }
        .container-hide .container-top .top_left > p > span {
          margin: 0 5px;
          width: 18px;
          height: 18px;
          float: left;
          background: url(../images/icon.png);
          background-position: -8px -5px; }
    .container-hide .container-top .top_right span {
      font-size: 12px;
      line-height: 25px;
      float: right; }
      .container-hide .container-top .top_right span i {
        float: left;
        width: 26px;
        height: 25px;
        margin-right: 5px;
        margin-left: 5px;
        background: url(../images/download.png);
        background-position: 0 -177px; }
    .container-hide .container-top .top_right span:nth-child(2) i {
      background-position: 0 -142px; }
    .container-hide .container-top .top_right span:nth-child(3) i {
      background-position: 0 -107px; }
  .container-hide .container-center .center_top table {
    width: 100%;
    font-size: 12px;
    border: 1px solid #eee; }
    .container-hide .container-center .center_top table thead {
      height: 25px;
      line-height: 25px;
      background: #FAFAFA;
      border: solid #ccc 1px; }
      .container-hide .container-center .center_top table thead > tr {
        height: 34px; }
        .container-hide .container-center .center_top table thead > tr > th {
          width: 12%;
          vertical-align: middle;
          padding: none; }
        .container-hide .container-center .center_top table thead > tr > th:nth-child(1) {
          width: 56%; }
          .container-hide .container-center .center_top table thead > tr > th:nth-child(1) div {
            height: 28px;
            border-left: 10px #ed145b solid;
            text-align: left;
            padding-top: 7px; }
            .container-hide .container-center .center_top table thead > tr > th:nth-child(1) div input {
              margin-top: 7px;
              float: left; }
            .container-hide .container-center .center_top table thead > tr > th:nth-child(1) div h2 {
              float: left; }
    .container-hide .container-center .center_top table > tbody > tr {
      border: 1px solid #ddd; }
      .container-hide .container-center .center_top table > tbody > tr > td:nth-child(1) {
        position: relative; }
        .container-hide .container-center .center_top table > tbody > tr > td:nth-child(1) > div:first-child {
          width: 30px;
          position: absolute; }
          .container-hide .container-center .center_top table > tbody > tr > td:nth-child(1) > div:first-child input {
            margin: 40px 0 0 8px; }
        .container-hide .container-center .center_top table > tbody > tr > td:nth-child(1) > div:last-child {
          margin-left: 30px;
          width: calc(100%-30px);
          padding: 20px 0 0 11px;
          float: left; }
          .container-hide .container-center .center_top table > tbody > tr > td:nth-child(1) > div:last-child .one_a {
            width: 60px;
            height: 60px;
            overflow: hidden;
            margin: 0 10px 20px 0;
            overflow: hidden;
            float: left; }
            .container-hide .container-center .center_top table > tbody > tr > td:nth-child(1) > div:last-child .one_a img {
              height: 60px;
              margin-left: calc( -50% - 10px); }
          .container-hide .container-center .center_top table > tbody > tr > td:nth-child(1) > div:last-child .two_a {
            font-size: 12px;
            line-height: 16px; }
          .container-hide .container-center .center_top table > tbody > tr > td:nth-child(1) > div:last-child .two_a:hover {
            color: #ed145b; }
          .container-hide .container-center .center_top table > tbody > tr > td:nth-child(1) > div:last-child > p {
            margin-top: 10px;
            line-height: 22px;
            color: #999;
            font-size: 12px; }
      .container-hide .container-center .center_top table > tbody > tr > td:nth-child(2) {
        padding: 30px 20px;
        vertical-align: top; }
        .container-hide .container-center .center_top table > tbody > tr > td:nth-child(2) > div > p {
          text-align: center;
          margin-top: 5px;
          text-align: center; }
        .container-hide .container-center .center_top table > tbody > tr > td:nth-child(2) > div > p:last-child {
          color: #aaa;
          text-decoration: line-through; }
      .container-hide .container-center .center_top table > tbody > tr > td:nth-child(3) {
        vertical-align: top;
        padding: 30px 20px; }
        .container-hide .container-center .center_top table > tbody > tr > td:nth-child(3) button {
          color: #333;
          cursor: pointer;
          font-size: 16px;
          border: 1px solid #e0e0e0;
          float: left;
          width: 25px;
          height: 25px;
          line-height: 20px;
          text-align: center;
          background: #fff; }
        .container-hide .container-center .center_top table > tbody > tr > td:nth-child(3) input {
          width: 20px;
          height: 21px;
          border: none;
          float: left;
          border-top: 1px solid;
          border-bottom: 1px solid;
          border-color: #e0e0e0;
          font-size: 12px;
          text-align: center; }
      .container-hide .container-center .center_top table > tbody > tr > td:nth-child(4) {
        padding: 30px 20px;
        vertical-align: top;
        text-align: center; }
        .container-hide .container-center .center_top table > tbody > tr > td:nth-child(4) p {
          color: #ed145b;
          margin-bottom: 5px; }
        .container-hide .container-center .center_top table > tbody > tr > td:nth-child(4) span {
          font-size: 12px; }
      .container-hide .container-center .center_top table > tbody > tr > td:nth-child(5) {
        vertical-align: top;
        padding: 30px 29px; }
        .container-hide .container-center .center_top table > tbody > tr > td:nth-child(5) button {
          width: 18px;
          height: 18px;
          border: none;
          display: block;
          cursor: pointer;
          background: url(../images/icon.png) center;
          background-position: 24px -27px; }
    .container-hide .container-center .center_top table > tfoot td {
      height: 32px;
      border: 1px solid #ddd;
      background-color: #FAFAFA; }
      .container-hide .container-center .center_top table > tfoot td > p {
        float: right;
        font-size: 12px;
        line-height: 32px;
        color: #999;
        margin-right: 10px; }
        .container-hide .container-center .center_top table > tfoot td > p span {
          height: 32px;
          font-size: 16px;
          line-height: 32px;
          color: #ed145b;
          font-weight: 800; }
  .container-hide .container-center .center_top > div {
    margin-top: 20px;
    background: #FAFAFA;
    border: 1px solid #ddd;
    width: 960px;
    height: 50px;
    font-size: 12px; }
    .container-hide .container-center .center_top > div input {
      float: left;
      margin: 18px 5px 0 15px; }
    .container-hide .container-center .center_top > div label {
      height: 50px;
      line-height: 50px;
      margin-right: 20px; }
    .container-hide .container-center .center_top > div > a {
      cursor: pointer; }
      .container-hide .container-center .center_top > div > a:hover {
        color: #ed145b; }
    .container-hide .container-center .center_top > div > i {
      margin: 0 5px; }
    .container-hide .container-center .center_top > div > div {
      height: 100%;
      float: right; }
      .container-hide .container-center .center_top > div > div > p {
        float: left;
        line-height: 50px; }
        .container-hide .container-center .center_top > div > div > p > span {
          color: #ed145b;
          font-size: 16px;
          margin: 0 5px;
          font-weight: 600; }
      .container-hide .container-center .center_top > div > div > button {
        width: 145px;
        height: 100%;
        margin: 0 0 0 10px;
        font-size: 18px;
        text-align: center;
        border: none;
        color: #fff;
        background: #ed145b;
        border-radius: 5%; }

.recommend {
  height: max-content;
  margin-bottom: 50px; }
  .recommend .recommend_top {
    height: 30px;
    line-height: 30px;
    border-bottom: 2px #ccc solid;
    margin-bottom: 15px; }
    .recommend .recommend_top p {
      height: 30px;
      line-height: 30px;
      color: #ed145b;
      font-size: 14px;
      border-bottom: 2px solid #ed145b;
      text-decoration: none;
      margin-top: -1px;
      display: inline-block;
      position: relative;
      top: -1px; }
  .recommend .recommend_center > ul > li {
    float: left;
    width: 160px;
    padding: 15px 16px; }
    .recommend .recommend_center > ul > li > div > a {
      height: 160px;
      width: 160px;
      display: block;
      overflow: hidden; }
      .recommend .recommend_center > ul > li > div > a > img {
        height: 160px;
        margin-left: -110px; }
    .recommend .recommend_center > ul > li > div > p {
      height: 35px;
      margin-top: 5px;
      font-size: 12px;
      line-height: 18px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      margin-bottom: 5px; }
    .recommend .recommend_center > ul > li > div > span {
      display: block;
      font-size: 18px;
      margin: 10px 0;
      color: #ed145b; }
    .recommend .recommend_center > ul > li > div button {
      display: inline-block;
      width: 95px;
      line-height: 32px;
      text-align: center;
      color: #fff;
      border: none;
      background-color: #ed145b; }

.foot {
  background: #ddd; }
  .foot .foot-core {
    text-align: center; }
    .foot .foot-core p {
      padding: 14px 0 18px; }
    .foot .foot-core div {
      display: inline-block;
      margin: 0 auto; }
      .foot .foot-core div a {
        width: 126px;
        height: 51px;
        float: left;
        margin: 0 6px; }
      .foot .foot-core div .foot_a1 {
        background: url(../images/login_foot.png) no-repeat;
        background-position: left; }
      .foot .foot-core div .foot_a2 {
        background: url(../images/login_foot.png) no-repeat;
        background-position: -126px; }
      .foot .foot-core div .foot_a3 {
        background: url(../images/login_foot.png) no-repeat;
        background-position: -252px; }
      .foot .foot-core div .foot_a4 {
        background: url(../images/login_foot.png) no-repeat;
        background-position: -378px; }
      .foot .foot-core div .foot_a5 {
        background: url(../images/login_foot.png) no-repeat;
        background-position: -504px; }
